<!--代码部分begin-->
<div id="navigation" class="container" ng-controller="Page3Controller">
	<ul id="myTab" class="clearfix nav nav-tabs">

		<li class="active">
			<a href="#page3-item1" data-toggle="tab">{{names[0]}}</a>
		</li>
		<li>
			<a href="#page3-item2" data-toggle="tab">{{names[1]}}</a>
		</li>
		<li>
			<a href="#page3-item3" data-toggle="tab">{{names[2]}}</a>
		</li>
		<li>
			<a href="#page3-item4" data-toggle="tab">{{names[3]}}</a>
		</li>
	</ul>
	<div id="myTabContent" class="center-block tab-content">
		<div class="tab-pane fade in active"  id="page3-item1">
			<table class="table table-bordered table-striped">
				<thead>
					<tr>
						<th>序号</th>
						<th>访问时间</th>
						<th>并发访问数</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="x in visits">
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ $index + 1 }}</td>
						<td ng-if="$even">{{ $index + 1 }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.TIME }}</td>
						<td ng-if="$even">{{ x.TIME }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.DATA }}</td>
						<td ng-if="$even">{{ x.DATA }}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="tab-pane fade" id="page3-item2">
			<table class="table table-bordered table-striped">
				<thead>
					<tr>
						<th>序号</th>
						<th>访问时间</th>
						<th>并发流量(KB)</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="x in bytes">
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ $index + 1 }}</td>
						<td ng-if="$even">{{ $index + 1 }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.TIME }}</td>
						<td ng-if="$even">{{ x.TIME }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.DATA }}</td>
						<td ng-if="$even">{{ x.DATA }}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="tab-pane fade" id="page3-item3">
			<table class="table table-bordered table-striped">
				<thead>
					<tr>
						<th>序号</th>
						<th>访问次数</th>
						<th>页面地址</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="x in hotpage">
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ $index + 1 }}</td>
						<td ng-if="$even">{{ $index + 1 }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{  x.DATA }}</td>
						<td ng-if="$even">{{  x.DATA }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ x.URL }}</td>
						<td ng-if="$even">{{ x.URL }}</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="tab-pane fade" id="page3-item4">
			<div class="table-responsive">
				<table class="table table-bordered table-striped">
					<colgroup>
					<col style="">
					<col style="">
					<col style="width: 10%"></colgroup>
				<thead>
					<tr>
						<th>序号</th>
						<th>访问时间(秒)</th>
						<th>页面地址</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="x in slowpage">
						<td ng-if="$odd" style="background-color:#f1f1f1">{{ $index + 1 }}</td>
						<td ng-if="$even">{{ $index + 1 }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1">{{  x.DATA }}</td>
						<td ng-if="$even">{{  x.DATA }}</td>
						<td ng-if="$odd" style="background-color:#f1f1f1"><div style="width:400px;overflow-x:hidden;overflow-y:hidden;">{{ x.URL }}</div></td>
						<td ng-if="$even"><div style="width:400px;overflow-x:hidden;overflow-y:hidden;">{{ x.URL }}</div></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

</div>
</div>